        <section id="top">
            <header> 
            	<div class="container">                                   
                    <!-- logo -->
                    <div id="logo">
                        <a href="index.html#top"><img class="logo_def" src="static/images/logo.png" width="150" height="30" alt="" /><img class="logo_retina" height="30" width="150" alt="" src="static/images/retina/logo.png" /></a>
                    </div>
                    <!-- menu -->
                    <nav class="navmenu">
                        <ul>
                            <li class="scrollable active"><a href="#home">魔岩主页</a></li>
                            <li class="scrollable"><a href="#gallery">魔岩设计</a></li>
                            <li class="scrollable"><a href="#works">魔岩主题</a></li>
                            <!-- <li class="scrollable"><a href="#blog">魔岩博客</a></li> -->
                            <li class="scrollable"><a href="#about">魔岩简介</a></li>
                            <li class="scrollable"><a href="#contact">联系魔岩</a></li>
                        </ul>
                    </nav><!-- end nav --> 
                    <div class="clear"></div>
            	</div>
            </header>               
        </section>